<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>my css1</title>
    <style>
        /*
        * {
            color: darkblue;
        }
        */
        h1 {
            text-align: center;
            color: purple;
        }
        .c1 {
            color: red;
        }
        .c2 {
                    font-size: 20px;
                    color: darkblue;
                }
        .c3 {
            text-align: right;
            color: darkgreen;
        }
        #id1 {
            background: lightgray;
        }
        .c3, #id1 {
            font-size: 1.5em;
        }
        a.c4:link {    /*访问前的样式*/
            color: orangered;
        }
        a.c4:hover {   /*鼠标悬停时的样式*/
            font-size: 1.5em;
        }
        a.c4:visited {   /*访问后的样式*/
            color: darkgray;
        }
    </style>
</head>
<body>
<p>
    <a class="c4" href="http://www.microsoft.com">微软</a>
</p>
<p>
    <a href="http://z.cn">亚马逊中国</a>
</p>
<h1>云计算 1907</h1>
<p class="c2">云计算 1907</p>
<p class="c3">云计算 1907</p>
<p class="c3 c2">云计算 1907</p>
<p id="id1">云计算 1907</p>
<p>云计算 1907</p>
<p>云计算 1907</p>
<p>云计算 1907</p>
<p>
    现在我们讲的是<span class="c1">web</span>网页制作。
    <span class="c1">web</span>网页制作不复杂，但是需要记。
</p>
</body>
</html>